<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/myjs.js"></script>
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <style>
        .container{   margin-left: 0px;
            margin-right: 0px; max-width: 100%;   }
        #main{            width: 100%;            height: 100%;        }
        .row{        height: 100%;     }
        .list-group-item{ text-align: center; height: 40px;
            line-height:15px;border-radius: 5px;     }
        .list-group ul{      list-style: none;     padding: 0px;      }
        .list-group li{  border-radius: 5px;   margin-bottom: 3px;   }
        .col-lg-2{
            width: 200px;
        }
        iframe{
            border-style: none ;
        }
        #banana{
            width: 100%;
            height: 60px;
            background-image: url("/img/2.jpg");
            margin-bottom: 10px;
            text-align: center;
            color: #d4edda;
        }
        .col{
            height: 600px;
        }
        .submenu{
            display: none;
        }
        .showUser{
            color: gray;
            font-size: 14px;
            text-align: right;
        }
    </style>
</head>
<body>
    <div id="banana">
        <h1>河南中医药人物、古籍整理</h1>
        <div class="showUser"></div>
    </div>
    <div class="container">
        <div class="row ">
            <div class="col col-lg-2">
                <div class="list-group">
                    <ul>
                        <li class="menu">
                            <a href="javascript:void(0)" onclick="tog(this)" class="list-group-item list-group-item-action active" aria-current="true">
                                基础数据
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="dynasty.html" target="view" class="list-group-item list-group-item-action" aria-current="true">朝代管理</a>
                                </li>
                                <li>
                                    <a href="countyAdd.html" target="view" class="list-group-item list-group-item-action" aria-current="true">区县添加</a>
                                </li>
                                <li>
                                    <a href="countyQuery.html" target="view" class="list-group-item list-group-item-action" aria-current="true">区县查询</a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu">
                            <a href="javascript:void(0)" onclick="tog(this)" class="list-group-item list-group-item-action active" aria-current="true">
                                医家管理
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="doctorQuery.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医家查询</a>
                                </li>
                                <li>
                                    <a href="doctorAdd.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医家添加</a>
                                </li>
                                <li>
                                    <a href="doctorRepeat.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医家查重</a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu">
                            <a href="javascript:void(0)" onclick="tog(this)" class="list-group-item list-group-item-action active" aria-current="true">
                                医籍管理
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="booksQuery.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医籍查询</a>
                                </li>
                                <li>
                                    <a href="booksAdd.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医籍添加</a>
                                </li>
                                <li>
                                    <a href="booksRepeat.html" target="view" class="list-group-item list-group-item-action" aria-current="true">医籍查重</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col col-lg-16">
                <iframe name="view" id="main"></iframe>
            </div>
        </div>
    </div>
    <script>
        function tog(lia) {
            $(lia).parent().children(".submenu").slideToggle();
        }

        $(function(){
            $('.showUser').html("欢迎你：  "+localStorage.getItem("user"));
        })
    </script>
</body>
</html>